.topic-detail-ctn {
    /*background: #fff;*/
    padding: 16px;
}

.topic-detail-head {
    margin-right: 4px;
    margin-bottom: 16px;
}

.topic-detail-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.topic-detail-host-name {
    font-size: 14px;
    line-height: 14px;
    margin-right: 4px;
}

.topic-detail-time {
    font-size: 10px;
    color:rgba(158,158,158,1);
    line-height:10px;
}

.topic-detail-title {
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:22px;
}

.topic-detail-content {
    font-size:14px;
    font-weight:400;
    color:rgba(158,158,158,1);
    line-height:20px;
    margin-bottom: 16px;
}
.topic-detail-imgs {
    /*padding-bottom: 34px;*/
}
.topic-detail-imgs img {
    width: 100%;
}

.topic-detail-bottom-input {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    transition: 0.6s;
}

.topic-detail-bottom-input-hidden {
    bottom: -50px;
    transition: 0.6s;
}


.topic-detail-bottom-input input {
    background: rgba(248,248,248,1);
    height: 32px;
    width: 85%;
    border-radius: 16px;
    padding: 16px;
    box-sizing: border-box;

}

.lock-input {
    width:85%;
    padding: 0 16px;
    height: 32px;
    background:rgba(228,228,228,1);
    border-radius:16px;
    box-sizing: border-box;
}

.lock-input span {
    font-size:16px;
    color:rgba(139,139,139,1);
    line-height:32px
}


.lock-btn{
    font-size:16px;
    font-weight:500;
    color:rgba(139,139,139,1);
    line-height:22px;
    width: 15%;
    text-align: center;
}

.unlock-btn{
    font-size:16px;
    font-weight:500;
    color:#FFA500;
    line-height:22px;
    width: 15%;
    text-align: center;
}

.topic-detail-btn {
    background: rgba(243,243,243,1);
    height: 22px;
    width: 64px;
    border-radius: 11px;
    margin-left: 8px;
    text-align: center;
}

.topic-detail-btn span {
    font-size:12px;
    font-weight:500;
    color:rgba(51,51,51,0.8);
    line-height:22px;
}
.topic-detail-btn-active {
    background: #FF8C00;
}

.topic-detail-btn-active span {
    color:rgba(255,255,255,1);
}
.topic-comment-reply-btn {
    font-size:10px;
    font-weight:400;
    color:rgba(43,138,247,1);
    line-height:10px;
}

.topic-comment-zan {
    margin-right: 16px;
}

.topic-comment-zan span {
    font-size:10px;
    margin-left: 2px;
}

.topic-comment-level-one-ctn {
    background: #fff;
    box-sizing: border-box;
    padding: 14px 16px;
    margin-bottom: 1px;
}

.topic-comment-txt {
    margin-left: 40px;
    margin-top: 10px;
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
    word-break:break-all;
    /*width: 100%;*/
}

.topic-comment-level-two-ctn {
    margin-left: 40px;
    background:rgba(243,243,243,1);
    border-radius:4px;
    margin-top: 8px;
    padding: 8px;

}
.topic-comment-level-two-username {
    color: #2B8AF7;
}

.topic-comment-level-two-ctn p {
    font-size:14px;
    font-weight:400;
    line-height:20px;
}


.topic-comment-level-two-comment {
    margin-bottom: 4px;
    display: flex;
}
.topic-comment-level-two-txt {
    word-break: break-all;
}
.topic-comment-more {
    width: 100%;
    text-align: center;
    margin-top: 16px;
}
.topic-comment-more span {
    color: #2B8AF7;
}
.topic-comment-modal-ctn {
    background:rgba(255,255,255,1);
    border-radius:8px 8px 0px 0px;
}
.topic-comment-modal-ctn span {
    font-size:16px;
    font-weight:400;
    color:#333;
    line-height:22px;
}
.topic-comment-modal-ctn-top {
    padding: 0 16px;
}
.topic-comment-modal-ctn-bottom {
    border-top: 1px solid #F8F8F8;
    padding: 16px;
}
.topic-comment-modal-ctn-reply {
    padding: 18px 0;
}

.topic-comment-modal-ctn-reply:first-of-type {
    border-bottom: 1px solid rgba(248,248,248,1);
}

.topic-comment-modal-ctn-cancel {
    width: 90%;
    height: 48px;
    background:rgba(248,248,248,1);
    border-radius:24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
